Adwaita: bright outline on suggested/destructive action buttons
authorLapo Calamandrei <calamandrei@gmail.com>
Mon, 21 Jul 2014 17:22:24 +0000 (19:22 +0200)
committerLapo Calamandrei <calamandrei@gmail.com>
Mon, 21 Jul 2014 17:22:24 +0000 (19:22 +0200)
gtk/resources/theme/Adwaita/_common.scss
gtk/resources/theme/Adwaita/gtk-contained-dark.css
gtk/resources/theme/Adwaita/gtk-contained.css

index b240e35fc8c0f505d487f2d1b8e0a00206f67596..44dc302f71dd35237a11511161891b4a2580b7a5 100644 (file)
@@ -339,6 +339,7 @@ GtkLabel {
                               (destructive-action, $destructive_color) {
     &.#{$b_type} {
       @include button(normal,$b_color, white);
+      outline-color: transparentize($selected_fg_color, 0.7);
       &:hover {
         @include button(hover,$b_color, white);
       }
index f105980f6edd7f9e356d8f950aa7d7d8c656b77d..42f5b1663167147d69ac07e4ae9721414ddfdfd2 100644 (file)
     border-color: #0b1e33;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
     icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
+    outline-color: rgba(255, 255, 255, 0.3); }
     .button.suggested-action:hover {
       border-style: solid;
       color: white;
     border-color: #5e0707;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
     icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
+    outline-color: rgba(255, 255, 255, 0.3); }
     .button.destructive-action:hover {
       border-style: solid;
       color: white;
index 63f87d47a75fed8aa9c867472b9f998288a27ca6..71d5726796fbf98917025a178be9cfb48286d4fb 100644 (file)
     border-color: #1c5187;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
     icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white; }
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white;
+    outline-color: rgba(255, 255, 255, 0.3); }
     .button.suggested-action:hover {
       border-style: solid;
       color: white;
     border-color: #8e0b0b;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
     icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white; }
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white;
+    outline-color: rgba(255, 255, 255, 0.3); }
     .button.destructive-action:hover {
       border-style: solid;
       color: white;